@mixin reset-component() {
  box-sizing: border-box;
  color: $text-color;
  font-size: $font-size-base;
  font-variant: $font-variant-base;
  font-family: $font-family;
  line-height: $line-height-base;
}

@mixin reset-scroll($w: $scrollbar-w, $h: $scrollbar-h, $thumb-bg: $scrollbar-thumb-bg, $track-bg: $scrollbar-track-bg) {
  &::-webkit-scrollbar {
    width: $w;
    height: $h;
  }
  &::-webkit-scrollbar-thumb {
    background-color: $thumb-bg;
  }
  &::-webkit-scrollbar-track {
    background-color: $track-bg;
  }
  &::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }
  &::-webkit-resizer {
    width: 0;
    height: 0;
  }
  &::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
  }
}
